<!DOCTYPE html>
<html lang="zh-CN">
<head>
  <meta charset="UTF-8">
  <title>Google Style Text</title>
  <link rel="stylesheet" href="exaample1.css">
</head>
<body>

  <div class="google-text" id="gtext">
    <span class="blue" data-letter="g" role="presentation" tabindex="0">G</span>
    <span class="red" data-letter="o" title="First O" data-position="2">o</span>
    <span class="yellow" data-letter="o" aria-label="Second O" data-size="medium">o</span>
    <span class="blue" data-letter="g" id="second-g" data-variant="dark">g</span>
    <span class="green" data-letter="l" draggable="true" data-weight="bold">l</span>
    <span class="red" data-letter="e" title="Last letter" data-animation="fade">e</span>
  </div>

</body>
</html>